<template>
    <div class="wrapper about">
        <mt-header :fixed="false" title="关于我们" mtClass="no-bg" rightIcon="icon-guanbi"/>
        <div class="about">
            <img src="static/about-bg.png" class="bg">
            <div class="info">
                <img src="static/about-logo.png" alt="">
                <div class="name">Reading Box</div>
                <div class="desc">Reading Box是一款新闻聚合APP，结合区块链通证经济，用户在阅读新闻贡献的同时可以获得RB奖励。</div>
            </div>
        </div>
        <div class="blank"></div>
        <div class="list">
            <mt-cell title="官网地址">
                <span>www.readbox.vip</span>
            </mt-cell>
            <mt-cell title="联系方式">
                <span>lixiaoming@readbox.vip</span>
            </mt-cell>
            <mt-cell title="客服微信">
                <span>Readboxvip</span>
            </mt-cell>
        </div>
    </div>
</template>

<script>
import mtHeader from "@/components/Header"
export default {
    data(){
        return {

        }
    },
    components:{
        mtHeader
    }
}
</script>


<style lang="stylus" scoped>
.wrapper{
    height:100%;
    position:relative;
    .about{
        position:relative;
        overflow:hidden;
        .bg{
            position:absolute;
            top:0;
            left:0;
            width:100%;
        }
        .info{
            position:relative;
            img{
                width:74px;
                height:74px;
                margin:0 auto;
                margin-top:25px;
            }
            .name{
                font-size:16px;
                color:#333333;
                margin-top:15px;
                text-align:center;
            }
            .virson{
                font-size:12px;
                color:#333333;
                margin-top:13px;
                text-align:center;
            }
            .desc{
                color:#999999;
                font-size:14px;
                margin:26px 40px 0;
            }
        }
    }
    .blank{
        height:1px;
        background:#F4F5FA;
        margin:0 15px;
        margin-top:20px;
    }
    .xieyi{
        width:100%;
        position:absolute;
        bottom:25px;
        color:#0055A4;
        text-align:center;
    }
}
</style>
